$(function(){
    //页面加载完成之后执行
    pageInit();
    showLastest();
});
function pageInit(){
    //创建jqGrid组件
    $("#list2").jqGrid(
        {
            width:"90%",
            autowidth:true,
            height:"100%",
            url : 'packetList',//组件创建完成之后请求数据的url
            datatype : "json",//请求数据返回的类型。可选json,xml,txt
            colNames : [ '车编号', '时间', '计量表ID','电流','电压','瞬时功率','重置计数','能量消耗','报警状态','自检状态' ],//jqGrid的列显示名字
            colModel : [ //jqGrid每一列的配置信息。包括名字，索引，宽度,对齐方式.....
                {name : 'carId',index : 'carId',width : 50},
                {name : 'time',index : 'time',width : 65},
                {name : 'meterId',index : 'meterId',width : 50},
                {name : 'current',index : 'current',width : 70},
                {name : 'voltage',index : 'voltage',width : 70},
                {name : 'power',index : 'power',width : 70,align : "left"},
                {name : 'resetCount',index : 'resetCount',width : 50,align : "left"},
                {name : 'energyConsumption',index : 'energyConsumption',width : 70,align : "left"},
                {name : 'alarmStatus',index : 'alarmStatus',width : 70,align : "left"},
                {name : 'status',index : 'status',width : 50,align : "left"}
            ],
            rowNum : 10,//一页显示多少条
            rowList : [ 10, 20, 30 ],//可供用户选择一页显示多少条
            pager : '#pager2',//表格页脚的占位符(一般是div)的id
            sortname : 'id',//初始化的时候排序的字段
            sortorder : "desc",//排序方式,可选desc,asc
            mtype : "post",//向后台请求数据的ajax的类型。可选post,get
            viewrecords : true,
            caption : "数据列表",//表格的标题名字
            hidegrid:false,
            rownumbers: true,
            prmNames : {
                page:"pageNo",     //表示请求页码的参数名称
                rows:"rows",     //表示请求行数的参数名称
                totalrows:"totalrows", // 表示需从Server得到总共多少行数据的参数名称，参见jqGrid选项中的rowTotal
                search:"search",// 表示是否是搜索请求的参数名称
                sort:"sortName",// 表示用于排序的列名的参数名称
                order:"sortOrder"// 表示采用的排序方式的参数名称
            },
            jsonReader: {
                root:"contents",
                page: "pageNo",
                total: "totalPages",
                records: "totalRecords",
                id:"pageNo",
                repeatitems : false
            },
            gridComplete: function () {         // 数据加载完成后 添加 采购按钮
                var ids = jQuery("#list2").jqGrid('getDataIDs');
                for (var i = 0; i < ids.length; i++) {
                    var id = ids[i];
                    /*创建jqGrid的操作按钮容器*/
                    /*可以控制界面上增删改查的按钮是否显示*/
                    $("#list2").jqGrid('navGrid', '#pager2', {edit : false,add : false,del : false});
                }
            },
        })
}

$("#searchBtn").click(function() {
    $("#list2").jqGrid('setGridParam', {
        postData : { //传递查询参数到后台
            'id': $("#id").val(),
            'startTime': $("#startTime").val(),
            'endTime': $("#endTime").val(),
            'alarmType': $("#alarmType").val()
        },
        page : 1
    }).trigger("reloadGrid"); //重新载入
});

function showLastest() {
    $("#listlastest").jqGrid(
        {
            width:"90%",
            autowidth:true,
            height:"100%",
            url : 'lastestList',//组件创建完成之后请求数据的url
            datatype : "json",//请求数据返回的类型。可选json,xml,txt
            colNames : [ '车编号', '时间', '计量表ID','电流','电压','瞬时功率','重置计数','能量消耗','报警状态','自检状态' ],//jqGrid的列显示名字
            colModel : [ //jqGrid每一列的配置信息。包括名字，索引，宽度,对齐方式.....
                {name : 'carId',index : 'carId',width : 50},
                {name : 'time',index : 'time',width : 65},
                {name : 'meterId',index : 'meterId',width : 50},
                {name : 'current',index : 'current',width : 70},
                {name : 'voltage',index : 'voltage',width : 70},
                {name : 'power',index : 'power',width : 70,align : "left"},
                {name : 'resetCount',index : 'resetCount',width : 50,align : "left"},
                {name : 'energyConsumption',index : 'energyConsumption',width : 70,align : "left"},
                {name : 'alarmStatus',index : 'alarmStatus',width : 70,align : "left"},
                {name : 'status',index : 'status',width : 50,align : "left"}
            ],
            rowNum : 10,//一页显示多少条
            rowList : [ 10, 15, 20 ],//可供用户选择一页显示多少条
            pager : '#pagerlastest',//表格页脚的占位符(一般是div)的id
            sortname : 'id',//初始化的时候排序的字段
            sortorder : "desc",//排序方式,可选desc,asc
            mtype : "post",//向后台请求数据的ajax的类型。可选post,get
            viewrecords : true,
            caption : "能量计最新数据",//表格的标题名字
            hidegrid:false,
            rownumbers: true,
            prmNames : {
                page:"pageNo",     //表示请求页码的参数名称
                rows:"rows",     //表示请求行数的参数名称
                totalrows:"totalrows", // 表示需从Server得到总共多少行数据的参数名称，参见jqGrid选项中的rowTotal
                search:"search",// 表示是否是搜索请求的参数名称
                sort:"sortName",// 表示用于排序的列名的参数名称
                order:"sortOrder"// 表示采用的排序方式的参数名称
            },
            jsonReader: {
                root:"contents",
                page: "pageNo",
                total: "totalPages",
                records: "totalRecords",
                id:"pageNo",
                repeatitems : false
            },
            gridComplete: function () {         // 数据加载完成后 添加 采购按钮
                var ids = jQuery("#list2").jqGrid('getDataIDs');
                for (var i = 0; i < ids.length; i++) {
                    var id = ids[i];
                    /*创建jqGrid的操作按钮容器*/
                    /*可以控制界面上增删改查的按钮是否显示*/
                    $("#list2").jqGrid('navGrid', '#pagerlastest', {edit : false,add : false,del : false});
                }
            },
        })
}